<template>
  <div>
    <div class="input">
      <van-search class="vantinput"  placeholder="在洗浴/汗蒸频道内搜索" />
      <span>
        <router-link to="/erxiyu">取消</router-link>
      </span>
    </div>
    <div class="lishi">
      <h5>历史发现</h5>
      <div class="more">
        <span v-for="(v,i) in textarr" :key="i">{{v.title}}</span>
      </div>
    </div>
  </div>
</template>

<script>

export default {
  data(){
    return{
      textarr:[
        {title:"洗浴"},
        {title:"洗浴中心"},
        {title:"天合温泉水汇"},
        {title:"清水瓦台"},
        {title:"浴"},
        {title:"真爱洗浴"},
        {title:"浴场"},
        {title:"洗浴搓澡"},
        {title:"澡堂"},
      ]
    }
  }
};
</script>

<style scoped lang='scss'>
  .input{
    display: flex;
    width: 100%;
    height: 12.267vw;
    .vantinput{
      flex: 1;
    }
    span{
      line-height:12.267vw;
      margin-right: 2.667vw;
      font-size: 3.733vw;
    }
    a{
      color: black;
    }
  }
  .lishi{
    margin: 2.667vw;
    .more{
      margin-top: 2.667vw;
      span{
        display:inline-block;
        background-color: #f5f5f5;
        font-size: 3.733vw;
        height: 5.333vw;
        padding: 0.533vw 2.667vw;
        text-align: center;
        line-height: 5.333vw;
        border-radius: 3.467vw;
        margin-right: 0.8vw;
        margin-top: 0.8vw;
      }
    }
  }
</style>